<!doctype html>
<!--[if IE 7]><html class="ie7" lang="en"><![endif]-->
<!--[if IE 8]><html class="ie8" lang="en"><![endif]-->
<!--[if IE 9]><html class="ie9" lang="en"><![endif]-->
<!--[if gt IE 9]><!--><html lang="en"><!--<![endif]-->
<head>
	<meta charset="utf-8" />
	<title>Site | Home</title>
	<meta name="description" content="" />
	<meta name="keywords" content="" />
	<meta name="robots" content="index, follow" />
	<meta name="author" content="" />	
    <meta name="viewport" content="width=device-width, initial-scale=1.0, minimum-scale=1.0, maximum-scale=1.0, user-scalable=no">
    <link href='http://fonts.googleapis.com/css?family=Roboto+Condensed:400,300&subset=latin,vietnamese,latin-ext' rel='stylesheet' type='text/css'>
	<link href='http://fonts.googleapis.com/css?family=Open+Sans' rel='stylesheet' type='text/css'>
	<link rel="shortcut icon" href="images/favicon.ico" type="image/x-icon" />
    <link rel="stylesheet" type="text/css" href="css/bootstrap.css" media="screen" />
	<link rel="stylesheet" type="text/css" href="css/jquery-ui-1.10.3.custom.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/main.css" media="screen" />
    <link rel="stylesheet" type="text/css" href="css/font-awesome.min.css" media="screen" />
    <!--[if lt IE 9]><script type="text/javascript" src="js/html5.js"></script><![endif]-->
</head>
<body>
	<div id="container" role="main" class="home">
    	<div class="header">
            <div class="navbar navbar-inverse" role="navigation">
                <div class="top-header">
                	<div class="inner clearfix">
                        <ul class="list-1 clearfix ">
                            <li class="pull-left">
                            	<span class="btn btn-user"><i class="fa fa-user"></i></span>
                            </li>
                            <li>
                            	<div class="navbar-header">
			                        <a class="navbar-brand" href="#"><img src="images/logo.png" alt="" /></a> 
			                    </div>
                            </li>
                            <li class="pull-right">
                            	<span class="btn btn-search"><i class="fa fa-search"></i></span>
                            </li>
                        </ul>
                    	<form class="form-search hidden" method="get" id="form-search" action="/">
						    <div class="input-append">
						        <input type="text" class="input-medium search-query" name="search" placeholder="Search..." value="">
						    </div>
						    <div class="wrap-btn-search">
						    	<i class="fa fa-search"></i>
						    </div>
						</form>
	                </div>
                </div>
                <div class="menu-block">
                	<ul class="list-control clearfix">
                		<li>
                			<a href="javascript:void(0)" id="activities" data-rel="well-1" class="tags-well"><i class="fa fa-bars"></i>All Activities</a>
                		</li>
                		<li>
                			<a href="javascript:void(0)" id="date" data-rel="well-2" class="tags-well"><i class="fa fa-calendar"></i>28/05/2014</a>
                		</li>
                		<li>
                			<a href="javascript:void(0)" id="date" data-rel="well-2"><i class="fa fa-map-marker"></i>HoChiMinh City</a>
                		</li>
                	</ul>
					<div class="well-1 wrap-well" style="display:none">
					    <ul class="list-menu">
					    	<li>
					    		<a href="" title="">
					    			<span class="name">Drama</span>
					    			<span>24 activities</span>
					    		</a>
					    	</li>
					    	<li class="text-right">
					    		<a href="" title="">
					    			<span class="name">show</span>
					    			<span>24 activities</span>
					    		</a>
					    	</li>
					    	<li>
					    		<a href="" title="">
					    			<span class="name">Music</span>
					    			<span>24 activities</span>
					    		</a>
					    	</li>
					    	<li class="text-right">
					    		<a href="" title="">
					    			<span class="name">sport</span>
					    			<span>24 activities</span>
					    		</a>
					    	</li>
					    	<li>
					    		<a href="" title="">
					    			<span class="name">seminar-workshop</span>
					    			<span>24 activities</span>
					    		</a>
					    	</li>
					    	<li class="text-right">
					    		<a href="" title="">
					    			<span class="name">others</span>
					    			<span>24 activities</span>
					    		</a>
					    	</li>
					    </ul>
					</div>
					<div class="well-2 wrap-well" style="display:none">
					    <div class="date-block">
					    	<span class="text-center">All dates</span>
					    	<div id="datepicker"></div>
					    </div>
					</div>
                </div>
            </div>
        </div>
		<div id="main">
			<div class="list-box list-box-large hot-event">
				<h2 class="title">Hot Events</h2>
				<section id="dg-container" class="dg-container">
					<ul class="dg-wrapper">
						<li class="item">
							<a href="#"><img src="images/upload/5.jpg" alt="image01">
								<div class="gallery-caption">
									<span class="gallery-title">Sungha Jung in vietnam</span>
									<span class="gallery-address">Saigon Exhibition And Convention Center (SECC), HCMC</span>
								</div>
								<div class="gallery-social">
									<span class="pull-left"><strong>112 People</strong> view this</span>
									<div class="list-img-people pull-right">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
									</div>
						    	</div>
							</a>
						</li>
						<li class="item">
							<a href="#"><img src="images/upload/4.jpg" alt="image02">
								<div class="gallery-caption">
									<span class="gallery-title">Sungha Jung in vietnam</span>
									<span class="gallery-address">Saigon Exhibition And Convention Center (SECC), HCMC</span>
								</div>
								<div class="gallery-social">
									<span class="pull-left"><strong>112 People</strong> view this</span>
									<div class="list-img-people pull-right">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
									</div>
						    	</div>
							</a>
						</li>
						<li class="item">
							<a href="#"><img src="images/upload/4.jpg" alt="image03">
								<div class="gallery-caption">
									<span class="gallery-title">Sungha Jung in vietnam</span>
									<span class="gallery-address">Saigon Exhibition And Convention Center (SECC), HCMC</span>
								</div>
								<div class="gallery-social">
									<span class="pull-left"><strong>112 People</strong> view this</span>
									<div class="list-img-people pull-right">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
									</div>
						    	</div>
							</a>
						</li>
						<li class="item">
							<a href="#"><img src="images/upload/5.jpg" alt="image04">
								<div class="gallery-caption">
									<span class="gallery-title">Sungha Jung in vietnam</span>
									<span class="gallery-address">Saigon Exhibition And Convention Center (SECC), HCMC</span>
								</div>
								<div class="gallery-social">
									<span class="pull-left"><strong>112 People</strong> view this</span>
									<div class="list-img-people pull-right">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
									</div>
						    	</div>
							</a>
						</li>
						<li class="item">
							<a href="#"><img src="images/upload/4.jpg" alt="image05">
								<div class="gallery-caption">
									<span class="gallery-title">Sungha Jung in vietnam</span>
									<span class="gallery-address">Saigon Exhibition And Convention Center (SECC), HCMC</span>
								</div>
								<div class="gallery-social">
									<span class="pull-left"><strong>112 People</strong> view this</span>
									<div class="list-img-people pull-right">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
									</div>
						    	</div>
							</a>
						</li>
						<li class="item">
							<a href="#"><img src="images/upload/5.jpg" alt="image06">
								<div class="gallery-caption">
									<span class="gallery-title">Sungha Jung in vietnam</span>
									<span class="gallery-address">Saigon Exhibition And Convention Center (SECC), HCMC</span>
								</div>
								<div class="gallery-social">
									<span class="pull-left"><strong>112 People</strong> view this</span>
									<div class="list-img-people pull-right">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
									</div>
						    	</div>
							</a>
						</li>
						<li class="item">
							<a href="#"><img src="images/upload/4.jpg" alt="image07">
								<div class="gallery-caption">
									<span class="gallery-title">Sungha Jung in vietnam</span>
									<span class="gallery-address">Saigon Exhibition And Convention Center (SECC), HCMC</span>
								</div>
								<div class="gallery-social">
									<span class="pull-left"><strong>112 People</strong> view this</span>
									<div class="list-img-people pull-right">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
									</div>
						    	</div>
							</a>
						</li>
						<li class="item">
							<a href="#"><img src="images/upload/5.jpg" alt="image08">
								<div class="gallery-caption">
									<span class="gallery-title">Sungha Jung in vietnam</span>
									<span class="gallery-address">Saigon Exhibition And Convention Center (SECC), HCMC</span>
								</div>
								<div class="gallery-social">
									<span class="pull-left"><strong>112 People</strong> view this</span>
									<div class="list-img-people pull-right">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle ">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
										<img src="images/thumb-blank.png" alt="" class="img-circle">
									</div>
						    	</div>
							</a>
						</li>
					</ul>
				</section>
			</div>
			
			<div class="list-box list-box-large">
				<div class="inner">
					<h2 class="title">today’s Activities</h2>
					<div class="list-events">
		                <div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>8:00</span> PM</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		               	<div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>8:00</span> PM</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		                <div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>8:00</span> PM</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		                <div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>8:00</span> PM</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		            </div>
		            <div class="wrapper-view-more">
		            	<a href="javascript:void(0)" alt="View More" class="view-more">[View More]</a>
		            </div>
				</div>
			</div>
			<div class="list-box free-entrance">
				<div class="inner">
					<h2 class="title">free entrance</h2>
					<div class="list-events">
			      		<div class="item-content">
			      			<a href="#" title="">
					            <span href="#" class="thumb">
				                    <img src="images/thumb-blank.png" alt="" class="img-circle ">
				                </span>
				            	<div class="caption">
				            		<div class="text-1">
						                <h3 class="title">The Library Project</h3>
						                <span class="address">Vesper Gourmet Lounge, HCMC</span>
					                </div>
				            	</div>
					        </a>
				        </div>
				        <div class="item-content">
			      			<a href="#" title="">
					            <span href="#" class="thumb">
				                    <img src="images/thumb-blank.png" alt="" class="img-circle ">
				                </span>
				            	<div class="caption">
				            		<div class="text-1">
						                <h3 class="title">The Library Project</h3>
						                <span class="address">Vesper Gourmet Lounge, HCMC</span>
					                </div>
				            	</div>
					        </a>
				        </div>
				        <div class="item-content">
			      			<a href="#" title="">
					            <span href="#" class="thumb">
				                    <img src="images/thumb-blank.png" alt="" class="img-circle ">
				                </span>
				            	<div class="caption">
				            		<div class="text-1">
						                <h3 class="title">The Library Project</h3>
						                <span class="address">Vesper Gourmet Lounge, HCMC</span>
					                </div>
				            	</div>
					        </a>
				        </div>
				        <div class="item-content">
			      			<a href="#" title="">
					            <span href="#" class="thumb">
				                    <img src="images/thumb-blank.png" alt="" class="img-circle ">
				                </span>
				            	<div class="caption">
				            		<div class="text-1">
						                <h3 class="title">The Library Project</h3>
						                <span class="address">Vesper Gourmet Lounge, HCMC</span>
					                </div>
				            	</div>
					        </a>
				        </div>
	        		</div>
	        		<div class="wrapper-view-more">
		            	<a href="javascript:void(0)" alt="View More" class="view-more">[View More]</a>
		            </div>
	        	</div>
			</div>
			<div class="list-box list-box-small comming-up">
				<div class="inner">
					<h2 class="title">coming up...</h2>
					<div class="list-events">
		                <div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>FROM</span>3/6</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		               	<div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>FROM</span>3/6</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		                <div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>FROM</span>3/6</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		                <div class="item">
		                    <div class="news-item">
								<a href="javasript:void(0)" title="">
									<div class="wrap-time col" >
										<span class="time"><span>FROM</span>3/6</span>
									</div>
									<div class="thumb col" >
										<span>
											<img src="images/upload/thumb-1.jpg" title="" />
										</span>
									</div>
									<div class="caption col">
										<div class="text-1">
											<div class="inner-text">
												<h3 class="event-name">Rock Concert Dissonant Nation</h3>
												<span class="address">Cargo Bar, HCMC</span>
											</div>
										</div>
									</div>
								</a>
							</div>
		                </div>
		            </div>
		            <div class="wrapper-view-more">
		            	<a href="javascript:void(0)" alt="View More" class="view-more">[View More]</a>
		            </div>
				</div>
			</div>
		</div>
		<footer class="footer">
			<div class="inner">
		        <div class="pull-right">
		        	<ul class="list-1">
		        		<li>
		        			<a href="#" title="Customer services: 0978.35.1010">Customer services: 0978.35.1010</a>
		        		</li>
		        	</ul>
		        </div>
		        <p>© 2014 Nhipdap Co. ltd.</p>
			</div>
    	</footer>
	</div>
	<div class="slide-in">
		<ul class="tk-museo-sans">
			<li class="last">
				<div class="wrap-top clearfix">
					<div class="left">
		                <a class="btn-choose-lang" data-toggle="dropdown" data-target="#menu2">EN<i class="fa fa-angle-down"></i></a>
						<div id="menu2" class="dropdown-menu warp-blk-list-lang" role="menu" aria-labelledby="drop5">
							<span class="arrow_box"></span>
							<ul>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="#">EN</a></li>
								<li role="presentation"><a role="menuitem" tabindex="-1" href="#">VN</a></li>
							</ul>
						</div>
					</div>
					<div class="right">
		                <div class="wrap-social">
		                	<a href="" title="facebook"><i class="fa fa-facebook-square"></i></a>
		                	<a href="" title="youtube"><i class="fa fa-youtube-square"></i></a>
		                </div>
					</div>
				</div>
            	<a href="javascript:void(0)" class="btn btn-default btn-lg">for organizer</a>
            	<div class="wrap-user">
            		<div class="wrap-img">
            			<img src="images/avatar-user.png" alt="">
            		</div>
            		<span class="name">Khôi Trần</span>
            	</div>
            	<a href="javascript:void(0)" class="btn btn-login-fb"><span class="wrap-icon"><i class="fa fa-facebook"></i></span><span class="name">FACEBOOK LOGIN </span></a>
            	<span class="highlight"></span>
            </li>
			<li><a href="#" title="who we are?">who we are?</a><span class="highlight"></span></li>
			<li><a href="#" title="What we do?">What we do?</a><span class="highlight"></span></li>
		</ul>
	</div>
	<div class="modal fade" id="login-modal">
	  <div class="modal-dialog wrap-login">
	    <div class="modal-content">
	      <div class="modal-header">
	        <button type="button" class="close" data-dismiss="modal" aria-hidden="true">&times;</button>
	        <h4 class="modal-title hidden">Modal title</h4>
	      </div>
	      <div class="modal-body blk-login">
	        <div class="row">
	  			<div class="col-xs-12 text-right top">
	  				<div class="col-xs-5">
	  					<img src="images/icon-popup.png" alt=""/>
	  				</div>
	  				<div class="col-xs-5">
	  					<h3>Where the fun starts</h3>
	  				</div>
	  			</div>
	  			<div class="col-xs-12 bottom">
	  				<p class="note">We help you explore your fun world in a cool way. We love you to live life to its fullest.That is why Upbeat.vn was born to help you escape from the boring everyday routine. We hope that by discovering new amazing things and people around your city, you may be inspired to rediscover your life.</p>
	  				<ul>
	  					<li>
	  						<a href="#" title="" class="lnk lnk-fb-login"></a>
	  						<span class="desc">if you want to looking <br/>for an event.</span>
	  					</li>
	  					<li>
	  						<a href="#" title="" class="lnk lnk-organize-login">For Oranize</a>
	  						<span class="desc type-1">(if you are an Organizer and <br/>want to post a event.)</span>
	  					</li>
	  				</ul>
	  			</div>
			</div>
	      </div>
	    </div><!-- /.modal-content -->
	  </div><!-- /.modal-dialog -->
	</div><!-- /.modal -->
	<script type="text/javascript" src="js/lib.js"></script> 
	<script type="text/javascript" src="js/l10n.js"></script>
	<script type="text/javascript" src="js/plugin.js"></script>
	<script type="text/javascript" src="js/jquery-ui-1.10.3.custom.js"></script>
	<script type="text/javascript" src="js/bootstrap.js"></script>
	<script type="text/javascript" src="js/start.js"></script>
	<script type="text/javascript" src="js/jquery.gallery.js"></script>
</body>
</html>
